import { MyAppType } from "@/router/type";
import { lazy } from "react";
import WithLoading from "@/layout/WithLoading";
import { TableOutlined } from "@ant-design/icons";

const MyTableOne = lazy(() => import("@/views/Table/MyTableOne/index"));
const MyTableTwo = lazy(() => import("@/views/Table/MyTableTwo/index"));

const Table: MyAppType = {
  path: "/table",
  name: "Table",
  meta: {
    title: "表格级联",
    icon: <TableOutlined />,
    order: 5,
  },
  children: [
    {
      path: "myTableOne",
      name: "MyTableOne",
      element: WithLoading(<MyTableOne />),
      meta: {
        title: "基础表格",
      },
    },
    {
      path: "myTableTwo",
      name: "MyTableTwo",
      element: WithLoading(<MyTableTwo />),
      meta: {
        title: "级联选择",
      },
    },
  ],
};

export default Table;
